margin - bottom
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Помилки |
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка інформація
|
CSS |
CSS1 |
|
Значення за умовчанням |
0 |
|
Наслідує |
Ні |
|
Застосовується |
До усіх елементів |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w 3.org/TR/CSS21/box.html#propdef - margin - bottom |
Опис
Встановлює величину відступу від нижнього краю елементу. Відступом є
відстань від зовнішнього краю нижньої межі поточного елементу до внутрішньої
межі його батьківського елементу (мал. 1).
Мал.
1. Відступ від нижнього краю елементу
Синтаксис
margin - bottom:
значення | auto | inherit
Значення
Величину нижнього відступу можна вказувати в пікселах (px), відсотках (%)
або інших допустимих для CSS одиницях. Значення може бути як позитивним, так і
негативним числом.
auto Вказує, що розмір відступів буде автоматично
розрахований браузером.
inherit Наслідує значення батька.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http
://www.w 3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows - 1251">
<title>margin - bottom</title>
<style type="text/css">
.layer1 {
background: #008B66; /* Колір фону */
color: white;
/* Колір тексту */
padding: 10px; /* Полів навколо тексту */
margin - bottom: - 7px; /* Відступ знизу */
}
.layer2 {
margin - left: 40px; /* Відступ ліворуч */
background: #ccc; /* Колір фону */
padding: 10px; /* Полів навколо тексту */
}
</style>
</head>
<body>
<div class="layer1">
<big>Луцький національний
техніний університет </big>
</div>
<div
class="layer2">
Луцький національний техніний
університет
є одним із найкращих професійних закладів освіти у місті Луцьку.
Найкращою з підготовки спеціалістів є кафедра професійного навчання, що
займається професійною підготовкою студентів.
</div>
</body>
</html>
Результат цього прикладу показаний ні мал. 2.
Мал.
2. Застосування властивості margin - bottom
Об'єктна модель
[window.]document.getElementById("elementID").style.marginBottom
Браузери
Браузер Internet Explorer 6 в деяких випадках некоректно обчислює значення
відступу, задане у відсотках.
Internet Explorer до сьомої версії включно не підтримує значення inherit.
